<template>
  <div>
    <div class="title">
      <p>
        {{ `欢迎使用${title}（${shortName}）`  }}
      </p>
      <!-- <AppLogo class="text" :alwaysShowTitle="true" /> -->
    </div>
    <div style="background: #fff;text-align: center;height: 50px;">渝ICP备2021005651号-1</div>
    <div v-if="false">
      <GrowCard :loading="loading" class="enter-y" />
      <SiteAnalysis class="!my-4 enter-y" :loading="loading" />
      <div class="md:flex enter-y">
        <VisitRadar class="md:w-1/3 w-full" :loading="loading" />
        <VisitSource class="md:w-1/3 !md:mx-4 !md:my-0 !my-4 w-full" :loading="loading" />
        <SalesProductPie class="md:w-1/3 w-full" :loading="loading" />
      </div>
    </div>
  </div>
</template>
<script lang="ts">
  export default defineComponent({
    name: 'Analysis',
  });
</script>
<script lang="ts" setup>
  import { defineComponent, ref } from 'vue';
  import GrowCard from './components/GrowCard.vue';
  import SiteAnalysis from './components/SiteAnalysis.vue';
  import VisitSource from './components/VisitSource.vue';
  import VisitRadar from './components/VisitRadar.vue';
  import SalesProductPie from './components/SalesProductPie.vue';
  import { useGlobSetting } from '/@/hooks/setting';
  const { title,shortName } = useGlobSetting();

  const loading = ref(true);

  setTimeout(() => {
    loading.value = false;
  }, 1000);
</script>
<style scoped>
.title{
  width: 100%;
  height: calc(100vh - 160px) ;
  background: #fff;
  font-size: 60px;
  font-weight: bold;
  font-family: serif;
  display: flex;
  justify-content: center;
  align-items: center;

}
</style>
